<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>基本资料</title>
    <link rel="stylesheet" href="./css/app.css">
    <link rel="stylesheet" href="./font/ionicons-2.0.1/css/ionicons.min.css">
</head>
<body>
<div class="baseinfo-body">
    <div class="to" style="">
<!--加载公共的样式-->
    @@include('./include/top.html')
        <!--栅格系统第二行开始-->
        <div class="row top2">
            <div class="col-md-2 ul">
                <p style="color:red">个人资料</p>
            </div>
            <div class="col-md-2 ul">
                <p>修改密码</p>
            </div>
            <div class="col-md-2 ul">
                <p>认证信息</p>
            </div>
            <div class="col-md-2 col-md-offset-4 ul">
                <div class="you">
                    <span>预览个人主页</span>
                </div>
            </div>
        </div>
        <!--栅格系统第二行结束-->
        <!--修改类型开始-->
        <div class="row top3">
                <ul>
                    <li>
                        <a href="" style="color:#fe4343">
                            <i class="icon ion-ios-paper-outline"></i>
                            <p>基本资料</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-ios-person-outline"></i>
                            <p>修改头像</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-social-buffer-outline"></i>
                            <p>教育经历</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-ios-photos-outline"></i>
                            <p>工作经历</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-ios-pricetags-outline"></i>
                            <p>我的标签</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-ios-pie-outline"></i>
                            <p>工作经历</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon ion-ios-infinite-outline"></i>
                            <p>账号绑定</p>
                        </a>
                    </li>
                </ul>
        </div>
        <!--修改类型结束-->
        <!--资料的完成度开始-->
        <div class="row top4">
            <div class="col-md-12 ul">
                <span>您的个人信息完整度为</span><span style="color:red;">86%</span>,<span>完整度达到100%后方可报名任务。</span>
            </div>
        </div>
        <!--资料的完成度结束-->

        <!--填写信息开始-->
        <div class="row top5">
            <div class="col-md-12 ul">
                <form class="form-horizontal" role="form" method="post" name="myform">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-2 control-label">真实姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="firstname" placeholder="请输入您的真实姓名">
                        </div>
                    </div>
                    <!--参加工作时间开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">参加工作时间</label>
                        <div class="col-sm-1">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 150px" type="text" class="form-control" id="lastname" placeholder="点击选择日期">
                        </div>
                        <div class="" style="float: left;margin-left: 100px;line-height: 30px;">至</div>

                        <div class="col-sm-1">
                            <input name="control_date" id="control_date" onClick="new Calendar().show(this);" readonly="readonly" style="width: 150px" type="text" class="form-control" id="lastname" placeholder="点击选择日期">
                        </div>




                    </div>
                    <!--参加工作时间结束-->
                    <!--所在区域开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">所在区域</label>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在省份</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城市</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在县城</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control col-sm-2" style="width: 150px">
                                <option value="">请选择所在城镇</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--所在区域结束-->
                    <!--专业属性开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">专业属性</label>
                        <div class="col-sm-2">
                            <select class="form-control">
                                <option value="">专业设计</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--专业属性结束-->
                    <!--单位性质开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">单位性质</label>
                        <div class="col-sm-2">
                            <select class="form-control">
                                <option value="">专业设计</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <!--单位性质结束-->
                    <!--个人简介开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">个人简介</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5"></textarea>
                        </div>
                    </div>
                    <!--个人简介结束-->

                    <!--个人简介开始-->
                    <div class="form-group">
                        <label for="lastname" class="col-sm-2 control-label">个人签名</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5"></textarea>
                        </div>
                    </div>
                    <!--个人简介结束-->

                    <!--所在区域开始-->
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-danger btn-lg">提交保存</button>
                        </div>
                    </div>
                </form>
                <!--表单结束-->
            </div>
        </div>
        <!--填写信息结束-->





    </div>
    </div>
    </div>
</body>
<script src="./js/jquery/jquery.js"></script>
<script src="./js/bootstrap/bootstrap.js"></script>
<script src="./tools/Calendar.js"></script>
<script src="./js/app.js"></script>
<script>
</script>
</html>